<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>Tab面向对象</title>
</head>
<link rel="stylesheet" href="./swiper.css" />

<body>
  <!-- 轮播图1 -->
  <div class="box swiper1">
    <img src="./img/彭于晏.jpg" alt="">
    <ul>
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
<br>
<!-- 轮播图1 -->
<div class="box swiper2">
  <img src="./img/夺冠照片.jpg" alt="">
  <ul>
      <li class="active"></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
  </ul>
</div>

<script type = "module">
import Swiper from "./swiper.js"
const swiper1 = new Swiper('.swiper1',{})
const swiper2 = new Swiper('.swiper2',{})
</script>
</body>

</html>